{% if info_form.errors %}
    <div class="form-errors">
        {% for field in info_form %}
            {% for error in field.errors %}
                <p class="form-error red-color"><strong>*{{field.label}}: {{ error|escape }}</strong></p>
            {% endfor %}
        {% endfor %}
        {% for error in info_form.non_field_errors %}
            <p class="form-error red-color"><strong>*{{ error|escape }}</strong></p>
        {% endfor %}
    </div>
{% endif %}
{# Form design is borrowed from "http://www.sanwebe.com/2014/08/css-html-forms-designs" #}
<form class="djacket-form" action="{% url 'user_settings' %}" role="form" method="POST">
    {% csrf_token %}
    <ul>
        <li>
            <label for="id_first_name">First Name</label>
            <input id="id_first_name" name="first_name" type="text" value="{{ info_form.instance.first_name }}">
            <span>Enter your first name.</span>
        </li>
        <li>
            <label for="id_last_name">Last Name</label>
            <input id="id_last_name" name="last_name" type="text" value="{{ info_form.instance.last_name }}">
            <span>Enter your last name.</span>
        </li>
        <li>
            <label for="id_email">Email Address</label>
            <input id="id_email" name="email" type="email" value="{{ info_form.instance.email }}">
            <span>Enter your email address.</span>
        </li>
        <li>
            <label for="id_old_password">Current Password</label>
            <input id="id_old_password" name="old_password" type="password">
            <span>Enter your current password.</span>
        </li>
        <li>
            <label for="id_new_password">New Password</label>
            <input id="id_new_password" name="new_password" type="password">
            <span>Enter your new password.</span>
        </li>
        <li>
            <input class="success" type="submit" value="Save Changes">
        </li>
    </ul>
</form>
{# Form design is borrowed from "http://www.sanwebe.com/2014/08/css-html-forms-designs" #}
